<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#bang {
				width: 240px;
				/*长*/
				height: 400px;
				/*宽*/
				background-image: linear-gradient(to bottom, #F9Fbcb, #F8F8F3);
				/*设置渐变色方向及颜色*/
			}

			#topp {
				background-image: url(imgs/畅销书榜/bang.gif);
				background-repeat: no-repeat;
				/*图片不重复，只显示一次*/
				background-position: 126px center;
				/*背景色位置及像素大小*/
				background-color: #518700;
				/*背景颜色选择*/
			}

			#bang ul li a {
				text-decoration: none;
				/*去除超链接下划线*/
				font-size: 12px;
				/*设置字体大小*/
				color: #1a66b3;
			}

			#bang ul li {
				list-style: none;
				/* 去除无序前圆点 */
				line-height: 28px;
				/*设置行高*/
				background-repeat: no-repeat;
				/*图片不重复，只显示一次*/
				background-position: left center;
				/*靠左居中*/
				text-indent: 1.5em;
				/*首行缩进1.5个em*/
			}

			#bang ul li:nth-child(1) {
				background-image: url(imgs/畅销书榜/book_no01.gif);
			}

			#bang ul li:nth-child(2) {
				background-image: url(imgs/畅销书榜/book_no02.gif);
			}

			#bang ul li:nth-child(3) {
				background-image: url(imgs/畅销书榜/book_no03.gif);
			}

			#bang ul li:nth-child(4) {
				background-image: url(imgs/畅销书榜/book_no04.gif);
			}

			#bang ul li:nth-child(5) {
				background-image: url(imgs/畅销书榜/book_no05.gif);
			}

			#bang ul li:nth-child(6) {
				background-image: url(imgs/畅销书榜/book_no06.gif);
			}

			#bang ul li:nth-child(7) {
				background-image: url(imgs/畅销书榜/book_no07.gif);
			}

			#bang ul li:nth-child(8) {
				background-image: url(imgs/畅销书榜/book_no08.gif);
			}

			#bang ul li:nth-child(9) {
				background-image: url(imgs/畅销书榜/book_no09.gif);
			}

			#bang ul li:nth-child(10) {
				background-image: url(imgs/畅销书榜/book_no10.gif);
			}
		</style>
	</head>
	<body>
		<div id="bang">
			<h2 id="topp">畅销书排行</h2>
			<ul>
				<li><a href="#">不抱怨的世界(畅...</a></li>
				<li><a href="#">遇见未知的自己...</a></li>
				<li><a href="#">活法（季羡林、...</a></li>
				<li><a href="#">高效能人士的七个习惯</a></li>
				<li><a href="#">被迫强大（北外女生香奈儿...</a></li>
				<li><a href="#">遇见心想事成的自己（《遇...</a></li>
				<li><a href="#">世界上最伟大的推销员（插...</a></li>
				<li><a href="#">我的成功可以复制（唐骏亲...</a></li>
				<li><a href="#">少有人走的路：心智成熟的...</a></li>
				<li><a href="#">活出全新的自己——唤醒...</a></li>
			</ul>
		</div>
	</body>
</html>
